<template>
  <view class="su-category-filter">
    <su-category-filter-row  :defaultProps="defaultProps" :resultObj="resultObj" :levelIndex="0" v-if="treeData && treeData.length" :list="treeData" @change="changeHandler">
    </su-category-filter-row>
  </view>
</template>

<script>
  /**
   * @description 种类树中选择
   * @date 2022-07-03
   * @version v1.0.1
   * @author xx
   */
  import SuCategoryFilterRow from './su-category-filter-row.vue'
  export default {
    name: "su-category-filter",
    components: {
      SuCategoryFilterRow
    },
    props: {
      treeData: {
        type: Array,
        default () {
          return [
            // {
            //   label: '分类1',
            //   value: '1',
            //   children: [{
            //       label: '分类1-1',
            //       value: '1-1',
            //       children: [{
            //         label: '分类1-1-1',
            //         value: '1-1-1',
            //       }]
            //     },
            //     {
            //       label: '分类1-2',
            //       value: '1-2',
            //     },
            //     {
            //       label: '分类1-3',
            //       value: '1-3',
            //     },
            //     {
            //       label: '分类1-4',
            //       value: '1-4',
            //     },
            //     {
            //       label: '分类1-5',
            //       value: '1-5',
            //     },
            //     {
            //       label: '分类1-6',
            //       value: '1-6',
            //     },
            //     {
            //       label: '分类1-7',
            //       value: '1-7',
            //     },
            //     {
            //       label: '分类1-8',
            //       value: '1-8',
            //     },
            //   ]
            // },
            // {
            //   label: '分类2',
            //   value: '2',
            //   children: [{
            //       label: '分类2-1',
            //       value: '2-1',
            //     },
            //     {
            //       label: '分类1-2',
            //       value: '2-2',
            //     }
            //   ]
            // }
          ]
        }
      },
      defaultProps: {
        type: Object,
        default () {
          return {
            label: 'label',
            value: 'value',
            children: 'children'
          }
        }
      }
    },
    data() {
      return {
        resultObj: {}
      };
    },
    methods:{
      changeHandler(item,level){
        this.$emit('change',item,level)
      }
    }
  }
</script>

<style lang="scss">
.su-category-filter{
  padding: 20upx 0;
}
</style>
